@import '~ant-design-vue/es/style/themes/default.less';
@import './theme.less';
@import './webui-popover.less';

html,
body,
#app,
#root {
  height: 100%;
}

.chart {
  width: 100%;
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout.layout-basic {
  height: 100vh;
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

p {
  margin-bottom: 0;
}

ul,
ol {
  list-style: none;
}

// 数据列表 样式
.table-alert {
  margin-bottom: 16px;
}

// 数据列表 操作
.table-operator {
  margin-bottom: 18px;

  button {
    margin-right: 8px;
  }
}

#particles-js {
  background-color: transparent !important;
}

.ant-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

// 数据列表 搜索条件
.table-page-search-wrapper {
  .ant-form-inline {
    .ant-form-item {
      display: flex;
      margin-right: 0;
      margin-bottom: 24px;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      > .ant-form-item-label {
        width: auto;
        padding-right: 8px;
        line-height: 32px;
      }

      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;

        > span {
          display: block;
        }
      }
    }
  }
}


// 滚动条整体样式
::-webkit-scrollbar {
  width: 6px;
  //background: #ddd;
}

// 滚动条内嵌滑块
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

// 滚动条边角
::-webkit-scrollbar-corner {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

//business
//edit-tab-color
.edit-tab-color {
  color: rgba(0, 0, 0, .45) !important;
}

.edit-tab-color:hover {
  color: rgba(0, 0, 0, .85) !important;
}

.home-contaienr {
  width: 100%;
  height: 100%;
  position: relative;

  .home-main {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    //background-image: url("~@/assets/img/business-home/background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .header-action {
    right: 20px;
    top: 20px;
    z-index: 9;
    position: absolute;

    .icon {
      cursor: pointer;

      &:hover {
        transform: scale(1.5);
        transition: all 0.5s;
      }
    }
  }
}

.view-item {
  background-color: #f5f5f5;
  color: #b8b8b8;
  border-radius: 2px;
  line-height: 2.5;
  padding: 0px 10px;
  height: 35px;
  border: solid 1px #d9d9d9;
  overflow: hidden;
}

.del-link {
  color: red;

  &:hover {
    color: rgba(#f00, 0.6);
  }
}

.icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -.125em;
}